<template>
	<rh-wx class="store-write-fail-container">
		<template>
			<view class="app-status-content flex-column">
				<image class="app-icon" src="@/static/image/logo.png" mode="aspectFill"></image>
				<view class="status-content flex-center">
					<u-icon name="close-circle" size="28" color="#EA0000"></u-icon>
					<text class="status-txt">您的账号无权核销</text>
				</view>
			</view>
			<view class="desc-content">
				<view class="desc-label">解决办法</view>
				<view class="desc-list">
					<view class="item">
						1. 商家服务完成后，请出示二维码，由商家扫描， 扫描完成后，服务结束；
					</view>
					<view class="item">
						2. 服务过程中，如果有任何疑问，可致电客服： 15895997449反馈
					</view>
					<view class="item">
						3. 服务完成后，可对商家进行服务评价打分 
					</view>
					<view class="item">
						4. 使用卡券，系统优先使用即将到期的卡券；
					</view>
				</view>
			</view>
		</template>
	</rh-wx>
</template>

<script>
	import {isWechat} from '@/script/wx-premission.js'
	export default {
		data() {
			return {
				isWechat: isWechat(),
			}
		},
		mounted() {
			let _self = this
		},
		methods: {
			submit(val){
				let _self = this
				return new Promise((resolve, reject) => {
					// resolve({name: this.name})
					reject(false)
				})
			},
		}

	}
</script>
<style lang="scss" scoped>
	@mixin fontStyle($color, $size, $weight: 500) {
		color: $color;
		font-size: $size;
		font-weight: $weight;
	}
	.store-write-fail-container{
		min-height: 100vh;
		background-color: #F4F8F9;
		padding: 0 20rpx 180rpx;
		.app-status-content{
			align-items: center;
			padding-top: 100rpx;
			.app-icon{
				width: 196rpx;
				height: 196rpx;
				border-radius: 6rpx;
			}
			.status-content{
				margin-top: 60rpx;
				.status-txt{
					margin-left: 20rpx;
					@include fontStyle(#444444, 28rpx);
				}
			}
		}
		.desc-content{
			margin-top: 140rpx;
			padding: 0 20rpx 40rpx;
			.desc-label{
				@include fontStyle(#3D3D3D, 32rpx);
			}
			.desc-list{
				margin-top: 32rpx;
				.item{
					margin-bottom: 10rpx;
					text-align: justify;
					@include fontStyle(#3D3D3D, 28rpx);
					&:last-child{
						margin-bottom: 0;
					}
				}
			}
		}
	}
</style>


